<!DOCTYPE>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>Please Login</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
<div th:fragment="content">
    <form th:action="@{/login}" name="f" method="post">
        <fieldset>
            <legend>Please Login</legend>
            <div th:if="${param.error}" class="alert alert-error">
                用户名或密码错误
            </div>
            <div th:if="${param.logout}" class="alert alert-success">
                你已经登录了
            </div>
            <label for="username">username</label>
            <input type="text" id="username" name="username"/>
            <label for="password">password</label>
            <input type="text" id="password" name="password"/>
            <div class="form-actions">
                <button type="submit" class="btn">Log in</button>
            </div>

        </fieldset>
    </form>
</div>
</body>
</html>